<extend name="Public/base" />

<block name="body"> <script type="text/javascript"
	src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
<div class="main-title cf">
	<h2>插件配置 [ {$data.title} ]</h2>
</div>
<form action="{:U('saveConfig')}" class="form-horizontal" method="post">
	<empty name="custom_config"> <foreach name="data['config']"
		item="form" key="o_key">
	<div class="form-item cf">
		<label class="item-label"> {$form.title|default=''} <present
				name="form.tip"> <span class="check-tips">{$form.tip}</span>
			</present>
		</label>
		<switch name="form.type"> <case value="text">
		<div class="controls">
			<input type="text" name="config[{$o_key}]" class="text input-large"
				value="{$form.value}">
		</div>
		</case> <case value="password">
		<div class="controls">
			<input type="password" name="config[{$o_key}]"
				class="text input-large" value="{$form.value}">
		</div>
		</case> <case value="hidden"> <input type="hidden"
			name="config[{$o_key}]" value="{$form.value}"> </case> <case
			value="radio">
		<div class="controls">
			<foreach name="form.options" item="opt" key="opt_k"> <label
				class="radio"> <input type="radio" name="config[{$o_key}]"
				value="{$opt_k}"
			<eq name="form.value" value="$opt_k"> checked</eq>>{$opt}
			</label> </foreach>
		</div>
		</case> <case value="checkbox">
		<div class="controls">
			<foreach name="form.options" item="opt" key="opt_k"> <label
				class="checkbox"> <php> is_null($form["value"]) &&
				$form["value"] = array(); </php> <input type="checkbox"
				name="config[{$o_key}][]" value="{$opt_k}"
			<in name="opt_k" value="$form.value"> checked</in>>{$opt}
			</label> </foreach>
		</div>
		</case> <case value="select">
		<div class="controls">
			<select name="config[{$o_key}]">
				<foreach name="form.options" item="opt" key="opt_k">
				<option value="{$opt_k}"<eq name="form.value"
						value="$opt_k"> selected</eq>>{$opt}
				</option>
				</foreach>
			</select>
		</div>
		</case> <case value="textarea">
		<div class="controls">
			<label class="textarea input-large"> <textarea
					name="config[{$o_key}]">{$form.value}</textarea>
			</label>
		</div>
		</case> <case value="picture_union">
		<div class="controls">
			<input type="file" id="upload_picture_{$o_key}"> <input
				type="hidden" name="config[{$o_key}]" id="cover_id_{$o_key}"
				value="{$form.value}" />
			<div class="upload-img-box">
				<notempty name="form['value']"> <php> $mulimages =
				explode(",", $form["value"]); </php> <foreach name="mulimages" item="one">
				<div class="upload-pre-item" val="{$one}">
					<img src="{$one|get_cover='path'}"
						ondblclick="removePicture{$o_key}(this)" />
				</div>
				</foreach> </notempty>
			</div>
		</div>
		<script type="text/javascript">
									//上传图片
									/* 初始化上传插件 */
									$("#upload_picture_{$o_key}").uploadify({
										"height"          : 30,
										"swf"             : "__STATIC__/uploadify/uploadify.swf",
										"fileObjName"     : "download",
										"buttonText"      : "上传图片",
										"uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
										"width"           : 120,
										'removeTimeout'   : 1,
										'fileTypeExts'    : '*.jpg; *.png; *.gif;',
										"onUploadSuccess" : uploadPicture{$o_key},
										'onFallback' : function() {
								            alert('未检测到兼容版本的Flash.');
								        }
									});

									function uploadPicture{$o_key}(file, data){
										var data = $.parseJSON(data);
										var src = '';
										if(data.status){
											src = data.url || '__ROOT__' + data.path
											$("#cover_id_{$o_key}").parent().find('.upload-img-box').append(
												'<div class="upload-pre-item" val="' + data.id + '"><img src="__ROOT__' + src + '" ondblclick="removePicture{$o_key}(this)"/></div>'
											);
											setPictureIds{$o_key}();
										} else {
											updateAlert(data.info);
											setTimeout(function(){
												$('#top-alert').find('button').click();
												$(that).removeClass('disabled').prop('disabled',false);
											},1500);
										}
									}
									function removePicture{$o_key}(o){
										var p = $(o).parent().parent();
										$(o).parent().remove();
										setPictureIds{$o_key}();
									}
									function setPictureIds{$o_key}(){
										var ids = [];
										$("#cover_id_{$o_key}").parent().find('.upload-img-box').find('.upload-pre-item').each(function(){
											ids.push($(this).attr('val'));
										});
										if(ids.length > 0)
											$("#cover_id_{$o_key}").val(ids.join(','));
										else
											$("#cover_id_{$o_key}").val('');
									}
								</script> </case> <case value="group">
		<ul class="tab-nav nav">
			<volist name="form.options" id="li">
			<li data-tab="tab{$i}"<eq name="i" value="1">class="current"</eq>><a
				href="javascript:void(0);">{$li.title}</a></li>
			</volist>
		</ul>
		<div class="tab-content">
			<volist name="form.options" id="tab">
			<div id="tab{$i}" class="tab-pane <eq name=" i" value="1">
				in
				</eq>
				tab{$i}">
				<foreach name="tab['options']" item="tab_form" key="o_tab_key">
				<label class="item-label"> {$tab_form.title|default=''} <present
						name="tab_form.tip"> <span class="check-tips">{$tab_form.tip}</span>
					</present>
				</label>
				<div class="controls">
					<switch name="tab_form.type"> <case value="text"> <input
						type="text" name="config[{$o_tab_key}]" class="text input-large"
						value="{$tab_form.value}"> </case> <case value="password">
					<input type="password" name="config[{$o_tab_key}]"
						class="text input-large" value="{$tab_form.value}"> </case> <case
						value="hidden"> <input type="hidden"
						name="config[{$o_tab_key}]" value="{$tab_form.value}"> </case> <case
						value="radio"> <foreach name="tab_form.options" item="opt"
						key="opt_k"> <label class="radio"> <input
						type="radio" name="config[{$o_tab_key}]" value="{$opt_k}"
					<eq name="tab_form.value" value="$opt_k"> checked</eq>>{$opt}
					</label> </foreach> </case> <case value="checkbox"> <foreach name="tab_form.options"
						item="opt" key="opt_k"> <label class="checkbox">
						<php> is_null($tab_form["value"]) && $tab_form["value"] =
						array();</php> <input type="checkbox" name="config[{$o_tab_key}][]"
						value="{$opt_k}"
					<in name="opt_k" value="$tab_form.value"> checked</in>>{$opt}
					</label> </foreach> </case> <case value="select"> <select name="config[{$o_tab_key}]">
						<foreach name="tab_form.options" item="opt" key="opt_k">
						<option value="{$opt_k}"<eq name="tab_form.value"
								value="$opt_k"> selected</eq>>{$opt}
						</option>
						</foreach>
					</select> </case> <case value="textarea"> <label
						class="textarea input-large"> <textarea
							name="config[{$o_tab_key}]">{$tab_form.value}</textarea>
					</label> </case> <case value="picture_union">
					<div class="controls">
						<input type="file" id="upload_picture_{$o_tab_key}"> <input
							type="hidden" name="config[{$o_tab_key}]"
							id="cover_id_{$o_tab_key}" value="{$tab_form.value}" />
						<div class="upload-img-box">
							<notempty name="tab_form['value']"> <php>
							$mulimages = explode(",", $tab_form["value"]); </php> <foreach
								name="mulimages" item="one">
							<div class="upload-pre-item" val="{$one}">
								<img src="{$one|get_cover='path'}"
									ondblclick="removePicture{$o_tab_key}(this)" />
							</div>
							</foreach> </notempty>
						</div>
					</div>
					<script type="text/javascript">
														//上传图片
														/* 初始化上传插件 */
														$("#upload_picture_{$o_tab_key}").uploadify({
															"height"          : 30,
															"swf"             : "__STATIC__/uploadify/uploadify.swf",
															"fileObjName"     : "download",
															"buttonText"      : "上传图片",
															"uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
															"width"           : 120,
															'removeTimeout'   : 1,
															'fileTypeExts'    : '*.jpg; *.png; *.gif;',
															"onUploadSuccess" : uploadPicture{$o_tab_key},
															'onFallback' : function() {
													            alert('未检测到兼容版本的Flash.');
													        }
														});

														function uploadPicture{$o_tab_key}(file, data){
															var data = $.parseJSON(data);
															var src = '';
															if(data.status){
																src = data.url || '__ROOT__' + data.path
																$("#cover_id_{$o_tab_key}").parent().find('.upload-img-box').append(
																	'<div class="upload-pre-item" val="' + data.id + '"><img src="__ROOT__' + src + '" ondblclick="removePicture{$o_tab_key}(this)"/></div>'
																);
																setPictureIds{$o_tab_key}();
															} else {
																updateAlert(data.info);
																setTimeout(function(){
																	$('#top-alert').find('button').click();
																	$(that).removeClass('disabled').prop('disabled',false);
																},1500);
															}
														}
														function removePicture{$o_tab_key}(o){
															var p = $(o).parent().parent();
															$(o).parent().remove();
															setPictureIds{$o_tab_key}();
														}
														function setPictureIds{$o_tab_key}(){
															var ids = [];
															$("#cover_id_{$o_tab_key}").parent().find('.upload-img-box').find('.upload-pre-item').each(function(){
																ids.push($(this).attr('val'));
															});
															if(ids.length > 0)
																$("#cover_id_{$o_tab_key}").val(ids.join(','));
															else
																$("#cover_id_{$o_tab_key}").val('');
														}
													</script> </case> </switch>
				</div>
				</foreach>
			</div>
			</volist>
		</div>
		</case> </switch>

	</div>
	</foreach> <else /> <present name="custom_config"> {$custom_config} </present> </empty>
	<input type="hidden" name="id" value="{:I('id')}" readonly>
	<button type="submit" class="btn submit-btn ajax-post"
		target-form="form-horizontal">确 定</button>
	<button class="btn btn-return"
		onclick="javascript:history.back(-1);return false;">返 回</button>
</form>
</block>

<block name="script"> <script type="text/javascript"
	charset="utf-8">
	//导航高亮
	highlight_subnav('{:U('Addons/index')}');
	if($('ul.tab-nav').length){
		//当有tab时，返回按钮不显示
		$('.btn-return').hide();
	}
	$(function(){
		//支持tab
		showTab();
	})
</script> </block>
